﻿@{
    ViewBag.Title = "_ProductPicture_List";
}


<!-- ko with: Picture -->
<div class="well">
    <div>
        <img id="demoPic" style="width:100px" data-bind="attr:{src:PictureUrl}"/>
         
        <p data-bind="validationMessage: PictureId" class="text-error " ></p>
    </div>
    <div>
        <ul id="manualUploadModeExample" class="unstyled"></ul>
    </div>
    <label>@T("admin.productpicture.displayorder.title")</label>
     <input type="text" data-bind="value:DisplayOrder"/>
     <p data-bind="validationMessage: DisplayOrder" class="text-error " ></p>
    
    
    <div>
        <input type="button" value="Add Product Picture" data-bind="click:$root.AddProductPicture"/>
    </div>
</div>
<!-- /ko -->
<table class="table ">
    <tr>
        <th>
            picture 
        </th>
        <th>
            display order
        </th>
        <th>
            
        </th>
    </tr> 
    <!-- ko foreach: ProductPictures -->

    <tr>
        <td>
             <img data-bind="attr:{src: PictureUrl}"  /> 
           
        </td> 
        <td>
            <span data-bind="text:DisplayOrder"></span>
        </td>
        <td>
            <a data-bind="click:$root.DeleteProductPicture">Delete</a>
        </td>
    </tr>

    <!-- /ko -->
</table>



@*<a data-bind="attr:{href: '/admin/ProductPicture/Create?productId='+Id()}">create product picture</a>*@
